<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../dist/fullpage.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <!-- 公用部分 -->
    <div class="public">
        <div class="go"> <a href="#"> <img src="./images/00-go.png" alt="">
            </a> </div>
        <div class="more"><a href="#"><img src="./images/00-more.png" alt=""></a></div>
    </div>
    <!-- 1.下载fullpage.js插件。该插件是基于JQuery的 -->
    <!-- 2.注意现版本的fullpage插件，是需要key的 -->
    <div id="fullpage">
        <!-- 第一屏 -->
        <div class="section screen01">
            <!-- 全屏时在中间固定一个区域 -->
            <div class="content">
                <div class="goods"><img src="./images/01-goods.png" alt=""></div>
                <div class="sofa"><img src="./images/01-sofa.png" alt=""></div>
                <div class="fly"><img src="./images/01-fly.png" alt=""></div>
            </div>
        </div>
        <!-- 第二屏 -->
        <div class="section screen02">
            <div class="content">
                <div class="message">
                    <img class="text1" src="./images/02-text1.png" alt="">
                    <img class="text2" src="./images/02-text2.png" alt="">
                </div>
                <div class="goods"><img src="./images/02-goods.png" alt="">
                <img class="sofa2"  src="./images/02-sofa.png" alt=""></div>
                <div class="input">
                    <img calss="search" src="./images/02-search.png" alt="">
                    <img  class="key" src="./images/02-key.png" alt="">
            </div>
               
            </div>
        </div>
        <!-- 第三屏 -->
        <div class="section screen03">
            <div class="content">
                <div class="sofa3"><img src="./images/02-sofa.png" alt=""></div>
                <div class="goodsinfo">
                    <img class="change1" src="./images/03-change01.gif" alt="">
                    <img class="change2" src="./images/03-change02.gif" alt="">
                </div>
                <div class="car">
                    <img class="cart1" src="./images/03-cart01.gif" alt="">
                    <img class="cart2" src="./images/03-cart02.gif" alt="">

                </div>
            </div>
        </div>
        <!-- 第四屏 -->
        <div class="section screen04">
            <div class="cloud">
                <img src="./images/04-cloud.png" alt="">
         
            </div>
            <div class="content">
                <div class="text">
                    <img class="text1" src="./images/04-text01.png" alt="">
                    <img class="text2" src="./images/04-text02.png" alt="">
                </div>
                <div class="car">
                    <img class="cart4" src="./images/04-cart.png" alt="">
                    <img class="sofa4" src="./images/04-sofa.png" alt="">            
                </div>
                <div class="ad">
                    <img src="./images/04-address01.png" alt="">
                    <img class="address2" src="./images/04-address02.png" alt="">
                </div>
            </div>
        </div>
        <!-- 第五屏 -->
        <div class="section screen05">
            <div class="content">
                <div class="sofa5">
                    <img src="./images/02-sofa.png" alt="">
                </div>
                <div class="text5">
                    <img src="./images/05-text.png" alt="">
                </div>
                <div class="card">
                    <img class="card1" src="./images/05-card.png" alt="">
                    <img src="./images/05-order.png" alt="">
                </div>
            </div>
            <div class="mouse">
                <img class="mouse1" src="./images/05-mouse01.png" alt="">
                <img class="mouse2" src="./images/05-mouse02.png" alt="">
                <img class="hand" src="./images/05-hand.png" alt="">
            </div>
        </div>
        <!-- 第六屏 -->
        <div class="section screen06 ">
            <div class="cloud6">
                <img class="cloud1" src="./images/06-cloud01.png" alt="">
                <img class="cloud2" src="./images/06-cloud02.png" alt="">
            </div>
            <div class="content">
                
                <div class="text6">
                      <img src="./images/06-text01.png" alt="">
                      <img src="./images/06-text02.png" alt="">
                </div>
                <div class="car6">
                    <img src="./images/06-car.png" alt="">
                    <img class="add" src="./images//06-address.png" alt="">
                    <img class="buyer" src="./images/06-buyer.png" alt="">
                </div>
                <div class="postbox">
                    <img src="./images/06-box.png" alt="">
                </div>
                <div class="people">
                    <img class="worker" src="./images/06-worker.png" alt=""> 
                    <img class="person" src="./images/06-person.png" alt="">
                    <img class="door" src="./images/06-door.png" alt="">
                    <img class="say" src="./images/06-say.png" >
                </div>
            </div>
        </div>
        <!-- 第七屏 -->
        <div class="section screen07 ">
            <div class="content">
                <div class="stargroup" id="show">
                <img class="star" src="./images/07-star.png" alt="">
                <img class="star" src="./images/07-star.png" alt="">
                <img class="star" src="./images/07-star.png" alt="">
                <img class="star" src="./images/07-star.png" alt="">
                <img class="star" src="./images/07-star.png" alt="">
                </div>
                <img class="text7" src="./images/07-text.png" alt="">
            </div>
        </div>
        <!-- 第八屏 -->
        <div class="section screen08 ">
            <div class="content">
                <div class="btn">
                    <img src="./images/08-btn01.png" alt="">
                    <img class="btn2" src="./images/08-btn02.gif" alt="">

                </div>
                <div class="again">
                    <img src="./images/08-again.png" alt="">
                </div>
                <div class="hand8">
                    <img src="./images/08-hand.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <script src="../dist/jquery.min.js"></script>
    <script src="../dist/jquery.fullpage.js"></script>
    <script src="./index.js"></script>
</body>

</html>